<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    1、从属关系区别
    @import是 CSS 提供的语法规则，只有导入样式表的作用
    link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。

    2、加载顺序的区别
    页面被加载时，link会同时被加载
    @import 引用的 css 会等到页面加载结束后加载

</body>

</html>